<%--
  Created by IntelliJ IDEA.
  User: deng
  Date: 2018/12/21
  Time: 20:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>上传测试</title>
</head>

<body>
<h1>文件上传实例 - 菜鸟教程</h1>
<%--<form  id="ff">--%>
<%--<input type="hidden" name="open_id" value="oPg3N4lm_gfLIaApVcSkMDobDjGc">--%>
<%--选择一个文件:--%>
<%--<input type="file" name="files" id="files" multiple/>--%>
<%--<br/><br/>--%>
<%--<input type="button" id="btn" value="上传" onclick="goto()"/>--%>
<%--</form>--%>

<form id="singleForm" enctype="multipart/form-data" method="post" action="/file/multiPictureUpload">
    <input type="hidden" name="open_id" value="oPg3N4lm_gfLIaApVcSkMDobDjGc">
    图片<input type="file" name="uploadfile" multiple/>
    <input type="submit" value="上传"/>
</form>


<script src="/js/jquery-3.3.1.min.js"></script>
<script src="/js/jquery.form.js"></script>
<script>


    function goto2() {
        $("singleForm").ajaxSubmit({
            type: 'post', // 提交方式 get/post
            url: '/file/pictureUpload', // 需要提交的 url
            // data: {
            //     'title': title,
            //     'content': content
            // },
            success: function (data) { // data 保存提交后返回的数据，一般为 json 数据
                // 此处可对 data 作相关处理
                alert('提交成功！');
            }

        });
    }

    function goto() {
        var fd = new FormData();
        console.log("fd打印了");

        console.log(fd);
        console.log("files打印了");
        console.log($("#files"))
        for (var i = 0; i < $("#files")[0].files.length; i++) {
            fd.append("files", $("#files")[0].files[i]);

        }
        $.ajax({
            type: "post",
            url: "/file/multiPictureUpload",
            data: fd,
            contentType: false,
            async: false,
            processData: false,
            success: function (data) {
                alert(data);
            }

        });

    }


</script>
</body>

</html>
